<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	<i class="icon-calendar"></i>
	<span class="badge badge-default">3</span>
	</a>
	<ul class="dropdown-menu extended tasks">
		<li class="external">
			<h3>You have <span class="bold">12 pending</span> tasks</h3>
			<a href="page_todo.html">view all</a>
		</li>
		<li>
			<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">New release v1.2 </span>
					<span class="percent">30%</span>
					</span>
					<span class="progress">
					<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">Application deployment</span>
					<span class="percent">65%</span>
					</span>
					<span class="progress">
					<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">Mobile app release</span>
					<span class="percent">98%</span>
					</span>
					<span class="progress">
					<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">Database migration</span>
					<span class="percent">10%</span>
					</span>
					<span class="progress">
					<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">Web server upgrade</span>
					<span class="percent">58%</span>
					</span>
					<span class="progress">
					<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">Mobile development</span>
					<span class="percent">85%</span>
					</span>
					<span class="progress">
					<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
					</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
					<span class="task">
					<span class="desc">New UI release</span>
					<span class="percent">38%</span>
					</span>
					<span class="progress progress-striped">
					<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
					</span>
					</a>
				</li>
			</ul>
		</li>
	</ul>
</li>